{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}


<div id="upgrade-failed-hosts">
  <div class="row col-md-12">
    <div class="col-md-6">{{view.subHeader}}</div>
    <div class="pull-right">
      <a href="#" {{action openDetails target="view"}}>
        {{t admin.stackUpgrade.failedHosts.details}}
      </a>
    </div>
  </div>
  <div class="col-md-12 host-list-container">
    {{#each host in view.hosts}}
      <div class="panel panel-default">
        <div class="panel-group">
          <div class="panel-heading">
            <i class="pull-left panel-toggle icon-caret-right"></i>
            <a class="panel-toggle" data-bs-toggle="collapse" data-parent="#accordion2" href="{{unbound host.collapseHref}}">
              <span rel="UsageTooltip" data-original-title="{{unbound host.hostName}}">{{host.displayName}}</span>
              <span class="pull-right label label-info">{{host.hostComponents.length}}</span>
            </a>
          </div>
          <div id="{{unbound host.collapseId}}" class="panel-body collapse">
            {{#each hostComponent in host.hostComponents}}
              <div class="row">
                <div class="col-md-4">{{hostComponent.serviceName}}</div>
                <div class="col-md-4">{{hostComponent.componentName}}</div>
              </div>
            {{/each}}
          </div>
        </div>
      </div>
    {{/each}}

  </div>

</div>
